<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/vue-2.6.12.js"></script>


</head>
<body>

<div id="app">

  <h3 v-for="user in users">{{user.name}}--{{user.age}}--{{user.sex}}</h3>

  <button type="button" v-on:click="add">添加</button>

</div>


<script>

  let  app = new Vue({

    el:"#app",
    data:{
      users:[
          {"name":"小明","age":12,"sex":"男"},
        {"name":"小红","age":14,"sex":"女"},
        {"name":"小白","age":25,"sex":"男"}
          ],
    },
    methods:{

      add(){

        this.users.push({"name":"小梁","age":24,"sex":"男"});

      }

    }


  })
</script>

</body>
</html>